<template>
	<div class="home-wrap">
		
		 <a-tabs v-model:activeKey="activeKey" @change="tabChange">
		    <a-tab-pane key="1" tab="数据字典">
				<dataword></dataword>
				
			</a-tab-pane>
		  </a-tabs>
	
	</div>
	

</template>

<script>
	import dataword from '../dataword/index.vue'
	import bus from '../../bus.js'
	import {defineComponent,onMounted,ref,reactive} from 'vue'
	import {useRouter} from 'vue-router'
	import dayjs from 'dayjs'
	import {useStore} from 'vuex'
	export default defineComponent({
		components:{
			dataword
		},
		setup() {
			const store = useStore();
			let activeKey=ref('1')
			let addForm=reactive({})
			let formparams=reactive({})
			let isshowContent=ref(true)
			
			onMounted(()=>{
				
				bus.on('addcontent',data=>{
					console.log(123)
					isshowContent.value=data.isshowContent
				})
				
			})
			
			const  tabChange=()=>{
				store.commit('seachparamsChange',{
					currentPage:1,
					pageSize:10,
					"articleAnthor": "",
					time:null,
					"articleSource": "",
					"articleTitle": "",
					"categoryCode": "",
					"endTime": "",
					"startTime": ""
				})
				isshowContent.value=true
			}
			
			
			return{
				tabChange,
				isshowContent,
				addForm,
				formparams,
				activeKey
			}
		}
	})
	
</script>

<style scoped>
	.numdesc{
		color:rgba(0,0,0,.5);
		left:240px;
		right:0px;
		text-align: center;
		position:fixed;
		bottom:10px;
	}
	.bottom-table-part{
		padding:20px 20px 20px 20px;
		margin: 10px 0;
		background: #FFFFFF;
		box-shadow: 0px 5px 10px 0px rgba(146,193,255,0.5);
		border-radius: 8px;
		backdrop-filter: blur(1px);
	}
	.footer-common{
		height:60px;
		display:flex;
		align-items: center;
		justify-content: flex-end;
		
	}
	.bottom-wrap{
		padding:1px  20px 14px 20px;
	}
	.bottom-wrap .title-border{
		width: 6px;
		margin-right:20px;
		height: 22px;
		background: #509AFD;
		border-radius: 0px 3px 3px 0px;
	}
	.bottom-wrap .common-title{
		font-size: 24px;
		font-family: biaotifix;
		height:34px;
		display:flex;
		align-items:center;
	}
	.common-title .enter{
		cursor:pointer;
	}
	.menu-card{
		padding:20px 10px 20px 10px;
		justify-content: space-between;
		display:flex;
	}
	.menu-card .left{
		margin-right:40px;
		width:50%;
		display:flex;
		justify-content: space-between;
	}
	.menu-card .right{
		width:50%;
		display:flex;
		justify-content: space-between;
	}
	.menu-card .menu-item{
		cursor:pointer;
		color:#fff;
		font-size:36px;
		display:flex;
		align-items: center;
		justify-content: center;
		font-family: biaotifix;
		width:31%;
		height:91px;
		
	}
	.menu-card .one-item{
		background: url(../../assets/onehome.png) no-repeat;
		background-size:100% 100%;
		
	}
	.menu-card .two-item{
		background: url(../../assets/twohome.png) no-repeat;
		background-size:100% 100%;
		
	}
	.menu-card .tree-item{
		background: url(../../assets/treehome.png) no-repeat;
		background-size:100% 100%;
		
	}
	.menu-card .four-item{
		background: url(../../assets/fourhome.png) no-repeat;
		background-size:100% 100%;
		
	}
	.menu-card .five-item{
		background: url(../../assets/fivehome.png) no-repeat;
		background-size:100% 100%;
		
	}
	.menu-card .six-item{
		background: url(../../assets/sixhome.png) no-repeat;
		background-size:100% 100%;
		
	}
	.home-wrap{
		width:100%;
		box-sizing: border-box;
		padding-left:40px;
		height:100%;
		overflow: auto;
		background: #FFFFFF;
		border-radius: 4px;
		backdrop-filter: blur(1px);
	}
	
	.topcard-wrap .right-wrap .content{
	
		background: #FFFFFF;
		box-shadow: 0px 5px 10px 0px rgba(146,193,255,0.5);
		border-radius: 8px;
		backdrop-filter: blur(1px);
	}
	.topcard-wrap .left-wrap .content{
		background: #FFFFFF;
		box-shadow: 0px 5px 10px 0px rgba(146,193,255,0.5);
		border-radius: 8px;
		backdrop-filter: blur(1px);
	}
	
	
	.topcard-wrap  .common-title{
		padding-left:22px;
		margin-bottom:6px;
		display:flex;
		align-items: center;
		justify-content: space-between;
	}
	.topcard-wrap .left-wrap{
		
		flex:1;
		
		box-sizing: border-box;
		margin-right:40px;
	}
	.topcard-wrap .right-wrap{
		flex:1;
	}
	.topcard-wrap{
		padding:10px 10px 10px 10px;
		display:flex;
	}
	.topcard-wrap .left-border{
		font-size:24px;
		font-family: biaotifix;
		position:relative;
	}
	.topcard-wrap .left-border:after{
		position:absolute;
		top:5px;
		content:'';
		display:block;
		left:-20px;
		width: 6px;
		height: 22px;
		background: #509AFD;
		border-radius: 0px 3px 3px 0px;
	}
	
	
	
	
	
	
	
	.alert-erweima .content-btns{
		box-sizing: border-box;
		padding:5px 5px;
		justify-content: space-between;
		display:flex;
	}
	.alert-erweima .left{
		display:flex;
		align-items: center;
		justify-content: center;
		width: 48px;
		height: 32px;
		background: #FFFFFF;
		border-radius: 16px;
		border: 1px solid #509AFD;
		color: #509AFD;
	}
	.alert-erweima .right{
		display:flex;
		align-items: center;
		justify-content: center;
		width: 48px;
		color:#fff;
		height: 32px;
		background: #509AFD;
		border-radius: 16px;
	}
	.showblock{
		display:block!important;
	}
	.alert-erweima .content-img{
		padding-top:6px;
		width:100px;
		margin:0 auto;
		height:110px;
		
	}
	.up-view-wrap .alert-erweima{
		display:none;
		box-shadow: 0px 4px 16px 0px rgba(146,193,255,0.5);
		top:-155px;
		left:-20px;
		position:absolute;
		width:110px;
		
		background:#fff;
	}
	
	
	
	.up-view-wrap .up-btn{
		position:relative;
		cursor:pointer;
		width: 70px;
		height: 32px;
		background: #509AFD;
		border-radius: 16px;
		display:flex;
		align-items: center;
		justify-content: center;
		color:#fff;
		margin-right:4px;
	}
	.up-view-wrap .view-btn{
		cursor:pointer;
		width:28px;
		color: #509AFD;
	}
</style>